<script type="text/html" template>
    <link rel="stylesheet" href="{{ layui.setter.base }}style/extend/jquery-ui-1.9.2.custom.css?v={{ layui.setter.version }}" media="all"/>
    <link rel="stylesheet" href="{{ layui.setter.base }}style/extend/jquery.autocompleter.css?v={{ layui.setter.version }}" media="all"/>
    <link rel="stylesheet" href="{{ layui.setter.base }}style/declare.css?v={{ layui.setter.version }}" media="all"/>
</script>
<style type="text/css">
    .layui-layer-page .layui-layer-content{
        overflow: initial;
    }
    table.row-info tr,table.row-info tr .dec-input{
        height: 26px;
        line-height: 26px;
    }
</style>
<div class="child-box">
    <div class="layui-card layadmin-header">
        <div class="layui-breadcrumb" lay-filter="breadcrumb">
            <a href="javascript:" lay-href=""><i class="iconfont iconhome"></i>首页</a>
            <a href="javascript:" lay-href="/declare/list">代理报关</a>
            <a><cite>快捷下单</cite></a>
            <div class="layui-card-header-left" title="刷新" zmark-event="layui.manage.render">
                <i class="layui-icon layui-icon-refresh layui-anim" zmark-anim="layui-anim-rotate"></i>
            </div>
        </div>
    </div>
    <div class="layui-card mt20 pb50">
        <form class="layui-form" method="post" lay-filter="form-trust-declare-manage" id="form-trust-declare-manage">
            <div class="layui-card-header"><span class="def-fc left-split">基础信息</span></div>
            <div class="layui-card-body">
                <div class="layui-row">
                    <div class="layui-col-md6 pr10">
                        <label class="layui-form-label">系统单号</label>
                        <div class="layui-input-block form-disabled">
                            <input name="docNo" id="docNo" class="layui-input" readonly/>
                        </div>
                    </div>
                    <div class="layui-col-md6 pr10">
                        <label class="layui-form-label">状态</label>
                        <div class="layui-input-block form-disabled">
                            <input name="statusDesc" id="statusDesc" class="layui-input" readonly/>
                        </div>
                    </div>
                </div>
                <div class="layui-row">
                    <div class="layui-col-md6 pr10">
                        <label class="layui-form-label">客户订单号</label>
                        <div class="layui-input-block">
                            <input name="customerOrderNo" id="customerOrderNo" class="layui-input"/>
                        </div>
                    </div>
                    <div class="layui-col-md6 pr10">
                        <label class="layui-form-label">提运单号</label>
                        <div class="layui-input-block">
                            <input name="blNo" id="blNo" class="layui-input"/>
                        </div>
                    </div>
                </div>
                <div class="layui-row">
                    <div class="layui-col-md6 pr10">
                        <label class="layui-form-label">
                            <span class="text-danger">*</span>进出口类型
                        </label>
                        <div class="layui-input-block required-box">
                            <select id="cusIEFlag" name="cusIEFlag">
                                <option value="">请选择</option>
                                <option value="I">进口</option>
                                <option value="E">出口</option>
                            </select>
                        </div>
                    </div>
                    <div class="layui-col-md6 pr10">
                        <label class="layui-form-label">
                            <span class="text-danger">*</span>进/出境关别
                        </label>
                        <div class="layui-input-block">
                            <input type="hidden" name="customsCode" id="iePort"/>
                            <input class="required layui-input" name="customsName" id="iePortName"/>
                        </div>
                    </div>
                </div>
                <div class="layui-row">
                    <div class="layui-col-md12 pr10">
                        <label class="layui-form-label">要求备注</label>
                        <div class="layui-input-block">
                            <input name="remark" id="remark" class="layui-input"/>
                        </div>
                    </div>
                </div>
                <div class="layui-row">
                    <div class="layui-col-md12 pr10">
                        <label class="layui-form-label"><span class="text-danger">*</span>报关服务</label>
                        <div class="layui-input-block">
                            <input type="radio" name="declareServiceType" value="0" title="仅报关" checked>
                            <input type="radio" name="declareServiceType" value="1" title="9710仅发送订单">
                            <input type="radio" name="declareServiceType" value="2" title="9710发送订单+报关">
                        </div>
                    </div>
                </div>
                <div class="layui-row">
                    <div class="layui-col-md12 pr10">
                        <label class="layui-form-label">温馨提示</label>
                        <div class="layui-input-block">
                            <span style="color: red">如您为一般贸易，请勾选'仅报关'；如您为9710跨境电商出口，请根据实际需求勾选，如您需要9710报关，发送订单将不收取费用。</span>
                        </div>
                    </div>
                </div>
            </div>
        </form>
        <div class="layui-card-header">
            <span class="def-fc left-split">集装箱</span>
        </div>
        <div class="layui-card-body">
            <div class="layui-btn-group">
                <a class="layui-btn layui-btn-xs" id="newContainer">新增</a>
                <a class="layui-btn layui-btn-xs" id="copyContainer">复制</a>
                <a class="layui-btn layui-btn-xs" id="delContainer">删除</a>
            </div>
            <div class="layui-row tab-sm mt10" id="container-area">
                <table class="layui-hide" id="container-list" lay-filter="dec-container-tab"></table>
            </div>
            <form class="layui-form" id="containerForm" method="post" lay-filter="containerForm" onsubmit="return false">
                <input type="hidden" id="contSeqNo" name="contSeqNo"/>
                <table class="row-info" style="margin-top: -1px;">
                    <tbody>
                        <tr>
                            <td colspan="1" class="label">集装箱号</td>
                            <td colspan="2"><input class="dec-input" name="containerNo" id="containerNo" maxlength="17" placeholder="请输入集装箱号"/></td>
                        </tr>
                        <tr>
                            <td colspan="1" class="label">集装箱规格</td>
                            <td colspan="2">
                                <input type="hidden" name="containerMdCode" id="containerMdCode"/>
                                <input class="dec-input" name="containerMdCodeName" id="containerMdCodeName" enter="no" placeholder="请选择集装箱规格，按回车添加"/>
                            </td>
                        </tr>
                    </tbody>
                </table>
            </form>
        </div>
        <div class="layui-card-header">
            <span class="def-fc left-split">附件资料</span>
        </div>
        <div class="layui-card-body">
            <div class="layui-row">
                <div class="layui-col-md4 pr10">
                    <div class="upload-box" id="trust-order-declare-draft" style="min-height: 50px" file-id="" file-type="trust_order" business-type="DeclareDraft" max-size="1" file-memo="报关草单(必传)"></div>
                </div>
                <div class="layui-col-md4 pr10">
                    <div class="upload-box" style="min-height: 50px" file-id="" file-type="trust_order" business-type="DeclareBill" max-size="1" file-memo="提/运单"></div>
                </div>
                <div class="layui-col-md4 pr10">
                    <div class="upload-box" style="min-height: 50px" file-id="" file-type="trust_order" business-type="DeclareOther" max-size="1" file-memo="其他"></div>
                </div>
            </div>
            <div class="layui-row mt10">
                <div class="layui-col-md4 pr10">
                    <div class="upload-box" style="min-height: 50px" file-id="" file-type="trust_order" business-type="DeclareContract" max-size="1" file-memo="合同(仅支持PDF文件)"></div>
                </div>
                <div class="layui-col-md4 pr10">
                    <div class="upload-box" style="min-height: 50px" file-id="" file-type="trust_order" business-type="DeclareBill" max-size="1" file-memo="装箱单(仅支持PDF文件)"></div>
                </div>
                <div class="layui-col-md4 pr10">
                    <div class="upload-box" style="min-height: 50px" file-id="" file-type="trust_order" business-type="DeclareOther" max-size="1" file-memo="发票(仅支持PDF文件)"></div>
                </div>
            </div>
            <div class="layui-row pt20">
                <div class="layui-col-md8 pr10 normal" style="margin-left: 110px;width: 748px;">
                    <button type="button" class="layui-btn layui-btn-normal" lay-href="/declare/list"><i class="iconfont iconzuo"></i>返回列表</button>
                    <button type="button" id="dec-trust-order-save" class="layui-btn"><i class="iconfont iconicon-1"></i>提交订单</button>
                </div>
            </div>
        </div>
    </div>
</div>
<script>
    layui.use('trustDeclareManage', layui.factory('trustDeclareManage'));
</script>
